@tailwind base;
@tailwind components;
@tailwind utilities;

.navbar {
  @apply bg-transparent;
  @apply backdrop-blur-sm;
  @apply shadow-none;
  @apply -mt-16;
}

.navbar__item.navbar__link {
  @apply flex;
  @apply items-center;
  @apply justify-center;
  @apply hover:bg-red-500;
  @apply hover:text-white;
  @apply hover:rounded-full;
  @apply hover:shadow-lg;
  @apply hover:shadow-red-500/50;
  @apply mx-1;
  @apply transition-all;
  @apply ease-in;
}

main {
  @apply pt-16;
}

.menu .menu__link.menu__link--active {
  @apply text-red-500;
}


.breadcrumbs, .breadcrumbs li {
  @apply p-0;
  @apply flex;
  @apply items-center;
}

.markdown h1 {
  font-size: var(--ifm-h1-font-size);
  @apply font-bold;
}

.markdown h2 {
  font-size: var(--ifm-h2-font-size);
  @apply font-bold;
}

.markdown h3 {
  font-size: var(--ifm-h3-font-size);
  @apply font-bold;
}

.markdown h4 {
  font-size: var(--ifm-h4-font-size);
  @apply font-bold;
  @apply underline;
}

.markdown a {
  @apply text-red-500;
  @apply hover:text-red-700;
  @apply dark:hover:text-red-400;
}

.markdown strong {
  @apply font-black;
}

.table-of-contents__link.toc-highlight.table-of-contents__link--active {
  @apply text-red-500;
  @apply hover:text-red-700;
  @apply dark:hover:text-red-400;
}

.table-of-contents__link.toc-highlight {
  @apply hover:text-red-700;
  @apply dark:hover:text-red-400;
}

.theme-edit-this-page {
  @apply flex;
  @apply items-center;
  @apply text-red-500;
  @apply hover:text-red-700;
  @apply dark:hover:text-red-400;
}

.markdown ul {
  padding-left: var(--ifm-list-left-padding) !important;
  @apply list-disc;
}

.navbar__link--active {
  @apply bg-red-500;
  @apply text-white;
  @apply rounded-full;
  @apply shadow-lg;
  @apply shadow-red-500/50;
}

.navbar__title {
  @apply hover:text-red-500;
}

.navbar-sidebar__backdrop, .navbar-sidebar {
  @apply h-screen;
}

.DocSearch-Modal {
  @apply bg-white/50 !important;
  @apply dark:bg-black/50 !important;
  @apply backdrop-blur-sm !important;
  @apply shadow-lg !important;
  @apply shadow-red-500/50 !important;
}

.DocSearch-Footer {
  @apply bg-red-500 !important;
  border-radius: 0 0 5px 5px !important;
}

.DocSearch-Help {
  @apply text-neutral-800 !important;
}

.DocSearch-NoResults {
  @apply flex;
  @apply items-center;
  @apply justify-center;
}

.DocSearch-Screen-Icon {
  @apply p-0 !important;
  @apply mr-3;
}

.DocSearch-Label {
  @apply text-white !important;
}

.blog-wrapper main {
  @apply mt-20;
}

.blog-wrapper main article header h2 {
  @apply font-bold;
  @apply hover:text-red-500;
}

table thead {
  @apply bg-transparent;
}

table thead th {
  @apply text-start;
}

table thead tr {
  @apply border-0;
}

table th, table td {
  @apply border-0;
}

table tr:nth-child(2n) {
  @apply bg-transparent;
}

:root {
  --ifm-color-secondary: #C2C3C6;
  --ifm-color-primary: #F44949;
  --ifm-color-primary-dark: #AD2020;
  --ifm-color-primary-darker: #A31F1F;
  --ifm-color-primary-darkest: #871B1B;
  --ifm-color-primary-light: #C94646;
  --ifm-color-primary-lighter: #D36767;
  --ifm-color-primary-lightest: #DD9292;
  --ifm-code-font-size: 95%;
  --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1);
  --ifm-navbar-shadow: none;
  --ifm-link-hover-decoration: none;
}

/* For readability concerns, you should choose a lighter palette in dark mode. */
[data-theme='dark'] {
  --ifm-color-secondary: #C2C3C6;
  --ifm-color-primary: #F44949;
  --ifm-color-primary-dark: #AD2020;
  --ifm-color-primary-darker: #A31F1F;
  --ifm-color-primary-darkest: #871B1B;
  --ifm-color-primary-light: #C94646;
  --ifm-color-primary-lighter: #D36767;
  --ifm-color-primary-lightest: #DD9292;
  --ifm-code-font-size: 95%;
  --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3);
  --ifm-navbar-shadow: none;
  --ifm-link-hover-decoration: none;
}

.footer__title {
  @apply dark:text-white !important;
}

.footer__link-item, .footer__copyright {
  @apply text-neutral-500;
  @apply dark:text-neutral-300;
  @apply hover:text-red-500;
  @apply dark:hover:text-red-400;
}

@media (max-width: 996px){
  .navbar__item {
    display: none !important;
  }
}

.footer {
  @apply bg-neutral-100;
  @apply dark:bg-neutral-900;
}

.footer__title {
  @apply text-neutral-800;
  @apply dark:text-neutral-600;
  @apply font-bold;
}

.avatar__name {
  @apply text-red-500;
}


.header-github-link::before {
  content: '';
  width: 24px;
  height: 24px;
  display: flex;
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12'/%3E%3C/svg%3E")
  no-repeat;
}

[data-theme='dark'] .header-github-link::before {
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='white' d='M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12'/%3E%3C/svg%3E")
  no-repeat;
}
div:has(> .theme-doc-sidebar-container) {
  @apply !min-h-screen;
}
